<template>
  <ConfigProvider :theme="antdTheme" :locale="locale">
    <RouterView />
  </ConfigProvider>
</template>

<script setup>
import { ref } from 'vue'
import { RouterView } from 'vue-router'
import { ConfigProvider } from 'ant-design-vue'

import zhCN from 'ant-design-vue/es/locale/zh_CN'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
dayjs.locale('zh-cn')

const locale = ref(zhCN)

const antdTheme = ref({
  token: {
    colorPrimary: '#64c4f1',
  },
})
</script>

<style lang="scss" scoped>
header {
  height: 90px;
  background-color: rgba($color: #000, $alpha: .2);
}
</style>
